<!--<template>-->
<!--  <div>-->

<!--	<section>-->
<!--		&lt;!&ndash;工具条&ndash;&gt;-->
<!--		<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">-->
<!--			<el-form :inline="true" :model="query">-->
<!--				<el-form-item>-->
<!--					<el-input v-model="query.keyword" placeholder="部门名称"></el-input>-->
<!--				</el-form-item>-->
<!--				<el-form-item>-->
<!--					<el-button type="primary" @click="getQueryDepartments">查询</el-button>-->
<!--				</el-form-item>-->
<!--				<el-form-item>-->
<!--					<el-button type="primary" @click="handleSave">新增</el-button>-->
<!--				</el-form-item>-->
<!--			</el-form>-->
<!--		</el-col>-->
<!--&lt;!&ndash;-->
<!-- private Long id;-->
<!--    private String name;-->
<!--    private Date createTime;-->
<!--    private Date updateTime;-->
<!--    private Employee manager;-->
<!--    private Department parent;-->
<!--    private String path;-->
<!--    private String state;-->
<!--    private String intro;-->
<!--&ndash;&gt;-->
<!--		&lt;!&ndash;分页查询列表&ndash;&gt;-->
<!--		<el-table :data="this.pageInfo.dataList" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 100%;">-->
<!--			<el-table-column type="selection" width="55">-->
<!--			</el-table-column>-->
<!--			<el-table-column type="index" width="60">-->
<!--			</el-table-column>-->
<!--			<el-table-column prop="name" label="部门名称" width="120" sortable>-->
<!--			</el-table-column>-->
<!--			<el-table-column prop="manager.username" label="主管" width="100"  sortable>-->
<!--			</el-table-column>-->
<!--			<el-table-column prop="parent.name" label="父部门" width="100" sortable>-->
<!--			</el-table-column>-->
<!--			<el-table-column prop="path" label="路径" width="120" sortable>-->
<!--			</el-table-column>-->
<!--      <el-table-column prop="createTime" label="创建时间" width="120" sortable>-->
<!--      </el-table-column>-->
<!--      <el-table-column prop="updateTime" label="更新时间" width="120" sortable>-->
<!--      </el-table-column>-->
<!--			<el-table-column prop="state" label="状态" min-width="180" sortable>-->
<!--        <template slot-scope="scope">-->
<!--          <span v-if="scope.row.state==0" style="color: #11b95c">正常</span>-->
<!--          <span v-else style="color: red">禁用</span>-->
<!--        </template>-->
<!--			</el-table-column>-->
<!--      <el-table-column prop="intro" label="介绍" min-width="180" sortable>-->
<!--      </el-table-column>-->
<!--			<el-table-column label="操作" width="150">-->
<!--				<template scope="scope">-->
<!--					<el-button size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>-->
<!--					<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button>-->
<!--				</template>-->
<!--			</el-table-column>-->
<!--		</el-table>-->

<!--		&lt;!&ndash;查询工具条&ndash;&gt;-->
<!--		<el-col :span="24" class="toolbar">-->
<!--			<el-button type="danger" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button>-->
<!--		&lt;!&ndash;	<el-pagination layout="prev, pager, next" @current-change="handleCurrentChange" :page-size="this.query.pageSize" :total="this.pageInfo.total" style="float:right;">-->
<!--			</el-pagination>&ndash;&gt;-->
<!--      <el-pagination-->
<!--          @size-change="handleSizeChange"-->
<!--          @current-change="handleCurrentChange"-->
<!--          :current-page.sync="this.query.currentPage"-->
<!--          :page-sizes="[5, 10, 15, 20]"-->
<!--          :page-size="10"-->
<!--          layout="total, sizes, prev, pager, next, jumper"-->
<!--          style="float:right;"-->
<!--          :total="this.pageInfo.total">-->
<!--      </el-pagination>-->
<!--		</el-col>-->

<!--    &lt;!&ndash;新增/编辑界面&ndash;&gt;-->
<!--    &lt;!&ndash; :visible.sync  控制dialog是否显示-->
<!--     :rules  绑定表单校验规则-->
<!--     ref="saveForm"  给当前表单取一个别名-->
<!--     prop:绑定校验规则的名称-->
<!--   &ndash;&gt;-->
<!--    <el-dialog title="新增/修改" :visible.sync="saveFormVisible" :close-on-click-modal="false">-->
<!--      <el-form :model="saveForm" label-width="80px" :rules="saveFormRules" ref="saveForm">-->
<!--        <el-form-item label="名称" prop="name">-->
<!--          <el-input v-model="saveForm.name" auto-complete="off"></el-input>-->
<!--        </el-form-item>-->
<!--&lt;!&ndash;        <el-form-item label="编号" prop="sn">&ndash;&gt;-->
<!--&lt;!&ndash;          <el-input v-model="saveForm.sn" auto-complete="off"></el-input>&ndash;&gt;-->
<!--&lt;!&ndash;        </el-form-item>&ndash;&gt;-->
<!--        <el-form-item label="状态">-->
<!--          <el-radio-group v-model="saveForm.state">-->
<!--            <el-radio class="radio" :label="0">启用</el-radio>-->
<!--            <el-radio class="radio" :label="1">禁用</el-radio>-->
<!--          </el-radio-group>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="管理员" prop="manager">-->
<!--          <el-select v-model="saveForm.manager" clearable value-key="id" placeholder="请选择">-->
<!--            &lt;!&ndash;下拉选项-->
<!--              :key=""  //唯一标识-->
<!--              :label 选择之后展示到选择框中的值-->
<!--              :value 选中之后绑定给模型层的值  如果要绑定对象给模型层 有一个大坑-->
<!--                 必须要写  value-key="id"-->
<!--            &ndash;&gt;-->
<!--            <el-option-->
<!--                v-for="item in employees"-->
<!--                :key="item.id"-->
<!--                :label="item.username"-->
<!--                :value="item">-->
<!--              <span style="float: left">{{ item.username }}</span>-->
<!--              <span style="float: right; color: #8492a6; font-size: 13px">{{ item.phone }}</span>-->
<!--            </el-option>-->
<!--          </el-select>-->
<!--        </el-form-item>-->

<!--        <el-form-item label="上级部门">-->
<!--          <el-cascader v-model="saveForm.parent"-->
<!--                       :options="deptTree"-->
<!--                       :props="{-->
<!--							   checkStrictly: true,-->
<!--							   label:'name',-->
<!--							   value:'id'-->
<!--							}"-->
<!--                       clearable></el-cascader>-->
<!--        </el-form-item>-->

<!--        <el-form-item label="部门介绍" prop="intro">-->
<!--          <el-input v-model="saveForm.intro" auto-complete="off"></el-input>-->
<!--        </el-form-item>-->
<!--      </el-form>-->
<!--      <div slot="footer" class="dialog-footer">-->
<!--        <el-button @click.native="saveFormVisible = false">取消</el-button>-->
<!--        <el-button type="primary" @click.native="saveSubmit" :loading="saveLoading">提交</el-button>-->
<!--      </div>-->
<!--    </el-dialog>-->


<!--  </section>-->

<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--	import util from '../../common/js/util'-->
<!--	//import NProgress from 'nprogress'-->


<!--	export default {-->
<!--		data() {-->
<!--			return {-->
<!--			  //新增、修改界面显示-->
<!--        saveFormVisible: false,//新增界面是否显示-->
<!--        saveLoading: false,-->
<!--        saveFormRules: {-->
<!--          name: [ // trigger 触发条件(规则事件)-->
<!--            { required: true, message: '请输入名字', trigger: 'blur' }-->
<!--          ]-->
<!--        },-->
<!--        //新增界面数据-->
<!--        saveForm: {-->
<!--          name: '',-->
<!--          intro:"",-->
<!--          manager:{-->
<!--            id:null,-->
<!--            username:""-->
<!--          },-->
<!--          parent:{-->
<!--            id:null,-->
<!--            name:""-->
<!--          },-->
<!--          state:null-->
<!--        },-->
<!--        employees:[],// 部门主管列表-->
<!--        deptTree:[],// 部门树-->


<!--//-&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;-->

<!--        query: {-->
<!--					keyword: '',-->
<!--          currentPage:1,-->
<!--          pageSize:10-->
<!--				},-->

<!--        pageInfo:{-->
<!--          dataList: [],  //数组数据-->
<!--          total: 0-->
<!--        },-->
<!--				page: 1,-->
<!--				listLoading: false,-->
<!--				sels: [],//列表选中列-->

<!--				editFormVisible: false,//编辑界面是否显示-->
<!--				editLoading: false,-->
<!--				editFormRules: {-->
<!--					name: [-->
<!--						{ required: true, message: '请输入姓名', trigger: 'blur' }-->
<!--					]-->
<!--				},-->
<!--				//编辑界面数据-->
<!--				editForm: {-->
<!--					id: 0,-->
<!--					name: '',-->
<!--					sex: -1,-->
<!--					age: 0,-->
<!--					birth: '',-->
<!--					addr: ''-->
<!--				},-->

<!--				addFormVisible: false,//新增界面是否显示-->
<!--				addLoading: false,-->
<!--				addFormRules: {-->
<!--					name: [-->
<!--						{ required: true, message: '请输入姓名', trigger: 'blur' }-->
<!--					]-->
<!--				},-->
<!--				//新增界面数据-->
<!--				addForm: {-->
<!--					name: '',-->
<!--					sex: -1,-->
<!--					age: 0,-->
<!--					birth: '',-->
<!--					addr: ''-->
<!--				}-->

<!--			}-->
<!--		},-->
<!--    //&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;方法区&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;-->
<!--		methods: {-->
<!--      handleSizeChange(val){-->
<!--        this.query.pageSize = val;-->
<!--        this.getDepartments()-->
<!--      },-->
<!--		  // 点击查询按钮-->
<!--      getQueryDepartments(){-->
<!--        this.query.currentPage = 1-->
<!--        this.getDepartments()-->
<!--      },-->
<!--			//性别显示转换-->
<!--			formatSex: function (row, column) {-->
<!--				return row.sex == 1 ? '男' : row.sex == 0 ? '女' : '未知';-->
<!--			},-->
<!--			handleCurrentChange(val) {-->
<!--				this.query.currentPage = val;-->
<!--        this.getDepartments()-->
<!--			},-->
<!--			//获取部门列表-->
<!--			getDepartments() {-->
<!--        // No 'Access-Control-Allow-Origin'-->
<!--        // 只要看到浏览器报这个错误就是跨域问题 前后端分离的项目一定会有跨越问题-->
<!--				this.listLoading = true;-->
<!--        // 发请求-->
<!--        // localhost:8080/department  全局的前缀-->
<!--        this.$http.put("/department",this.query)-->
<!--            .then(result=>{-->
<!--              result = result.data-->
<!--              if (result.success){-->
<!--                this.$message({message: '查询成功', type: 'success' });-->
<!--                this.listLoading = false;-->
<!--                this.pageInfo = result.resultObj-->
<!--                console.log(this.pageInfo.dataList);-->
<!--              }else{-->
<!--                this.$message({message: '查询失败', type: 'danger' });-->
<!--              }-->
<!--            })-->
<!--            .catch(result=>{-->

<!--            })-->

<!--			},-->
<!--			//删除-->
<!--			handleDel: function (index, row) {-->
<!--				this.$confirm('确认删除该记录吗?', '提示', {-->
<!--					type: 'warning'-->
<!--				}).then(() => {-->
<!--					this.listLoading = true; // 模态框-->
<!--					//NProgress.start();-->
<!--					let para = { id: row.id };-->
<!--					//发请求-->
<!--          this.$http.delete("/department/"+row.id)-->
<!--          .then(result=>{-->
<!--            result = result.data-->
<!--            if (result.success){-->
<!--              this.$message({message: '删除成功', type: 'success' });-->
<!--              this.listLoading = false;-->
<!--              this.query.currentPage = 1;-->
<!--              // 刷新列表-->
<!--              this.getDepartments()-->
<!--            }else{-->
<!--              this.$message({message: '删除失败', type: 'danger' });-->
<!--            }-->
<!--          })-->
<!--				}).catch(() => {-->

<!--				});-->
<!--			},-->

<!--			//显示编辑界面-->
<!--			handleEdit: function (index, row) {-->
<!--				this.saveFormVisible = true;-->
<!--				this.saveForm = Object.assign({}, row);-->
<!--				if (!row.manager){-->
<!--				  this.saveForm.manager={-->
<!--				    id:null,-->
<!--            username: ""-->
<!--          }-->
<!--        }-->
<!--        if (!row.parent){-->
<!--          this.saveForm.parent={-->
<!--            id:null,-->
<!--            name: ""-->
<!--          }-->
<!--        }-->
<!--        console.log(row.state);-->
<!--        this.saveForm.state=parseInt(row.state)  //z转为int,-->
<!--        // 调用查询管理员-->

<!--        //调用查询上级部门-->

<!--      },-->


<!--			//显示新增界面-->
<!--      handleSave: function () {-->
<!--				this.saveFormVisible = true;-->
<!--				this.saveForm = {-->
<!--          name: '',-->
<!--          intro:"",-->
<!--          manager:{-->
<!--            id:null,-->
<!--            username:""-->
<!--          },-->
<!--          parent:{-->
<!--            id:null,-->
<!--            name:""-->
<!--          },-->
<!--          state:null-->
<!--        };-->
<!--			},-->
<!--			//编辑-->
<!--			editSubmit: function () {-->
<!--				this.$refs.editForm.validate((valid) => {-->
<!--					if (valid) {-->
<!--						this.$confirm('确认提交吗？', '提示', {}).then(() => {-->
<!--							this.editLoading = true;-->
<!--							//NProgress.start();-->
<!--							let para = Object.assign({}, this.editForm);-->
<!--							para.birth = (!para.birth || para.birth == '') ? '' : util.formatDate.format(new Date(para.birth), 'yyyy-MM-dd');-->
<!--							editUser(para).then((res) => {-->
<!--								this.editLoading = false;-->
<!--								//NProgress.done();-->
<!--								this.$message({-->
<!--									message: '提交成功',-->
<!--									type: 'success'-->
<!--								});-->
<!--								this.$refs['editForm'].resetFields();-->
<!--								this.editFormVisible = false;-->
<!--							});-->
<!--						});-->
<!--					}-->
<!--				});-->
<!--			},-->
<!--			//新增-->
<!--			saveSubmit: function () {-->
<!--				this.$refs.addForm.validate((valid) => {-->
<!--					if (valid) {-->
<!--						this.$confirm('确认提交吗？', '提示', {}).then(() => {-->
<!--							this.addLoading = true;-->
<!--							//NProgress.start();-->
<!--							let para = Object.assign({}, this.addForm);  //json格式转换-->
<!--                this.$http.post("/department",para)-->
<!--              .then(result=>{-->
<!--                result=result.data-->
<!--                if(result.success){-->
<!--                  this.$message({message:'保存成功' , type:'success'})-->
<!--                  this.saveLoading=false;-->
<!--                  this.query.currentPage=1;-->
<!--                  //刷新列表-->
<!--                  this.getDepartments()-->
<!--                }else {-->
<!--                  this.$message({message:'保存失败' , type:'danger'})-->
<!--                }-->
<!--              })-->
<!--              .catch(result=>{-->
<!--                this.$message({message:'网络异常' , type:'danger'})-->
<!--              })-->

<!--						});-->
<!--					}-->
<!--				});-->
<!--			},-->

<!--      //获取部门列表-->
<!--      Departments: function(){-->

<!--      },-->

<!--      getDepartment: function (){},-->

<!--			selsChange: function (sels) {-->
<!--				this.sels = sels;-->
<!--			},-->
<!--			//批量删除-->
<!--			batchRemove: function () {-->
<!--				var ids = this.sels.map(item => item.id);-->
<!--				this.$confirm('确认删除选中记录吗？', '提示', {-->
<!--					type: 'warning'-->
<!--				}).then(() => {-->
<!--					this.listLoading = true;-->
<!--					// 发请求-->
<!--          this.$http.patch("/department",ids)-->
<!--              .then(result=>{-->
<!--                result = result.data-->
<!--                if (result.success){-->
<!--                  this.$message({message: '批量删除成功', type: 'success' });-->
<!--                  this.listLoading = false;-->
<!--                  this.query.currentPage = 1;-->
<!--                  // 刷新列表-->
<!--                  this.getDepartments()-->
<!--                }else{-->
<!--                  this.$message({message: '批量删除失败', type: 'danger' });-->
<!--                }-->
<!--              })-->
<!--              .catch(result=>{-->

<!--              })-->
<!--          })-->
<!--          .catch(() => {-->

<!--          });-->
<!--			}-->
<!--		},-->
<!--		mounted() {-->
<!--			this.getDepartments();-->
<!--		}-->
<!--	}-->

<!--</script>-->

<!--<style scoped>-->

<!--</style>-->